<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#checkbox1").click(
  function(){
  alert("tset");
   $("#td1").hide();
  }
  );
  $("#checkbox2").click(
  function(){
   $("#td1").show();
  }
  );
  $("#checkbox1").click();
 });
</script>
 </head>

 <body>
  <table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td><input id="checkbox1" type="radio" name="radio">hide</td>
    <td><input id="checkbox2" type="radio" name="radio">show</td>
  </tr>
  <tr id="td1">
    <td><input id="1" type="text" name="1"></td>
    <td><input id="2" type="text" name="2"></td>
  </tr>
  <tr>
    <td><input id="3" type="text" name="3"></td>
    <td><input id="4" type="text" name="4"></td>
  </tr>
  <tr>
    <td><input id="5" type="text" name="5"></td>
    <td><input id="6" type="text" name="6"></td>
  </tr>
</table>

 </body>
</html>
